<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>{$article_type.title}</title>
    <meta name ="keywords" content="博耳,光伏发电,太阳能发电,分布式,EPC总承包">
    <meta name ="description" content="博耳能源江苏有限公司是博耳电力（股票代码01685.HK ）控股子公司，拥有电力工程总承包三级资质，致力于经营新能源电力项目的开发、运营和投资管理。博耳能源目前累计装机容量（EPC）300MW，拥有电站资产100MW。">
    <style>
    body {
        margin: 0 auto;
    }

    * {
        margin: 0;
        padding: 0;
    }

    nav {
        width: 97%;
        margin: 0 auto;
        height: 2.4rem;
    }

    nav img:nth-child(1) {
        width: 7rem;
    }

    nav img:nth-child(2) {
        width: 2rem;
        /* float: right; */
        position: absolute;
        right: 0.8rem;
        top: 0.7rem;
    }

    .banner {
        width: 100%;
    }

    .lanse {
        color: #00438e;
    }

    main {
        width: 91%;
        margin: 0 auto;
        font-size: 13px;
        position: relative;
    }

    main p {
        text-indent: 26px;
    }

    .i {
        text-indent: 0;
        font-size: 14px;
        border-bottom: 3px solid #00438e;
        padding-bottom: 4px;
        margin-top: 1rem;
    }

    .p1 {
        text-indent: 0;
        font-size: 14px;
        border-bottom: 3px solid #C7C3C2;
        font-weight: 800;
        padding-bottom: 0.3rem;
        text-align: right;
    }

    .footer span a{
        color: #00438e;
    }

    .footer {
        margin-top: 0.4rem;
        margin-bottom: 0.4rem;
        /* text-align: center; */
        text-indent: 0;
    }

    .idv {
        text-align: center;
        margin-bottom: 1rem;
    }

    .idv p {
        line-height: 1rem;
        text-indent: 0;
    }

    h2 {
        text-align: center;
        color: #0d4c92;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .font_12 {
        font-size: 12px;
        text-indent: 0;
        text-align: center;
    }    a{
             color: white;
             text-decoration: none;
         } #footer ul:nth-of-type(1) li a{
               color: #000;
           }

    .im {
        width: 100%;
        /* margin-left: 5%;  */
        margin-top: 0.8rem;
        height: 7rem;
        /* background: red; */
        overflow: hidden;
        position: relative;
    }

    .w80 {
        width: 100%;
        margin: 0 auto;
        line-height: 1rem;
    }

    .a {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .im1 {
        position: absolute;
        top: 0;
        width: 100%;
    }

    video {
        position: absolute;
        width: 100%;
    }

    #footer {
        position: absolute;
        top: 2.6rem;
        right: 0;
        background: white;
        display: none;
    }

    #footer ul {
        width: 5.5rem;
        font-size: 0.65rem;
        color: #00438e;
        text-align: center;
    }

    #footer ul li {
        border-bottom: 1px solid #00438e;
        min-height: 1.5rem;
        list-style: none;
    }

    #footer ul li:last-child {
        border: 0;
    }

    .zyI {
        position: absolute;
        top: 0;
        right: 5.5rem;
        background: white;
        background: #00438e;
    }

    .zyI li {
        color: white;
    }

    .nae {
        height: auto !important;
    }

    .nae img {
        width: 100%;
    }

    .ul li {
        list-style: none;
        line-height: 1.6rem;
        /* text-indent: 1rem; */
        position: relative;
        text-align: left;
    }

    text {
        border-radius: 50%;
        display: inline-block;
        width: 0.5rem;
        height: 0.5rem;
        margin-right: 0.2rem;
        background: #00438e;
    }

    .ul li span {
        float: right;
    }

    .ul li:nth-last-child(1) {
        margin-bottom: 0.7rem;
    }
    .XZ{
        background: #00438e;
        color: white;
    }

    .I {
        width: 1.2rem;
        height: 1.2rem;
        display: inline-block;
        border: 1px solid #00438e;
        line-height: 1.2rem;
        margin-left: 0.3rem;
    }

    button {
        background: none;
        border: 1px solid #00438e;
        padding: 0.16rem;
        height: 1.2rem;
        position: relative;
        top: -0.1rem;
        margin-left: 0.5rem;
        line-height: 1.2rem;
        font-size: 11px;
        line-height: 3px;
    }

    .na {
        text-align: center;
    }
    .XZ a{
        color: white !important;
    }

    .home {
        position: absolute;
        width: 1rem;
        top: 0rem;
        left: 0rem;
    }

    .ula {
        font-size: 12px;
        position: relative;
        top: -0.27rem;
        width:100%;
        display: inline-block;
    }

    .ula li {
        display: inline-block;
        width: 33.3%;
        float: left;
        text-align: center;
        background: #00438e;
        color: white;
        height: 1.5rem;
        line-height: 1.5rem;
        border-bottom: 1px solid #00438e;
    }

    .li {
        background: white !important;
        color: #00438e !important;
    }


    </style>
</head>

<body>
    <nav>
        <img src="__TMPL__Public/assets/img/20170617121345.png" alt="">
        <img src="__TMPL__Public/assets/img/le.png" alt="">
    </nav>
    <img src="__TMPL__Public/assets/img/banner.png" alt="" class="banner">
    <ul class="ula">
        <foreach name="type_list" item="bitem">
            <li <if condition="$bitem['check'] == 1">class="li"</if> <if condition="count($bottom_article_list) == 4">style="width:25%;"</if>><a href="{$bitem.url}" <if condition="$bitem['check'] == 1">style="color:#00438e"</if>>{$bitem.title}</a></li>
        </foreach>
    </ul>
    <main>
        <a href="{:U('front/index')}"><img src="__TMPL__Public/assets/img/home.png" alt="/" class="home"></a>
        <p class="p1">{$article_type_fater.title}><span class="lanse">{$article_type.title}</span></p>
        <a href="{:U('front/article_detail',array('id'=>$list[0]['id']))}"><h2><php>echo $list[0]['title']</php></h2></a>

        <div class="im">
            <!--<video src="https://www.runoob.com/try/demo_source/movie.mp4"></video>-->
            <a href="{:U('front/article_detail',array('id'=>$list[0]['id']))}"><img src="{:sp_get_image_preview_url($list[0]['picture'])}" alt="" class="im1"></a>
        </div>
        <ul class="ul">
            <php> for($i=1;$i<count($list);$i++){ </php>
            <li>
                <text></text><a href="{:U('front/article_detail',array('id'=>$list[$i]['id']))}" style="color:#000"><php>echo $list[$i]['title']</php></a><span> <php>echo date("Y-m-d",$list[$i]['create_time']);</php></span></li>
            <php>} </php>
        </ul>
       <php>
           if($page_num>1){
       </php>
            <div class="na">
                <php>
                    if($page>1){
                </php>
                <button><a href="{$url}&page=<php> echo $page-1;</php>" style="color:#000">上一页</a></button>
                <php>
                    }
                </php>

                <php>
                    $first_num = $page-2;
                    if($first_num<1){
                    $first_num = 1;
                    }
                    $end_num = $page+2;
                    if($end_num>$page_num){
                    $end_num = $page_num;
                    }
                    for($i=$first_num;$i<=$end_num;$i++){
                </php>
                <span class="I <if condition='$i==$page'> XZ</if>"><a style="color:#000" href="{$url}&page=<php> echo $i;</php>">{$i}</a></span>
                <php> } </php>
                <php>
                    if($page<$page_num){
                </php>
                <button><a href="{$url}&page=<php> echo $page+1;</php>" style="color:#000">下一页</a></button>
                <php>
                    }
                </php>
            </div>
        <php>
            }
        </php>
        <!--<p class="i">{$article_type_fater.title}</p>-->
                <!--<p class="footer">-->
                    <!--<foreach name="type_list" item="bitem">-->
                        <!--<a href="{$bitem.url}" <if condition="$bitem['check'] == 1">style="color:#00438e"<else/>style="color:#000"</if>>-->
                        <!--<if condition="$bitem['check'] == 1">◀</if>{$bitem.title}-->
                        <!--</a>-->
                    <!--</foreach>-->
                <!--</p>-->
           <div class="idv">
            <!--<p><a href="" style="color:#000">■服务条款<a href="" style="color:#000"> ■隐私声明 </a><a href="" style="color:#000">■留言反馈</a></a> </p>-->
            <p><a href="" style="color:#000">Copyright © 2010-2015</a></p>
               <if condition="$language == 1">
                   <p><a href="{:U('front/index')}" style="color:#000">版权所有博耳能源江苏有限公司</a></p>
                   <else/>
                   <p><a href="{:U('front/index')}" style="color:#000"> Copyright Bo Bo energy Jiangsu Co., Ltd.</a></p>
               </if>
        </div>
    </main>
    <tc_include file="Public:footer" />
</body>

</html>